<html><head>
  <title>Substring matching attribute selector (end)</title>
  <style type="text/css">p { background-color : red }
p[title$="bar"] { background-color : lime }</style>
  <link rel="author" title="Daniel Glazman" href="http://glazman.org/">
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
  <link rel="help" href="https://www.w3.org/TR/css3-selectors/#selectors"> <!-- bogus link to make sure it gets found -->
  <meta name="flags" content="">
 </head>
 <body>
<!--[ELEMENT('p[title$="bar"]')]--><p title="foobar"><!--[TEXT('p[title$="bar"]')]-->This paragraph should have a green background because
its title attribute ends with "bar"<!--[/TEXT('p[title$="bar"]')]--></p><!--[/ELEMENT('p[title$="bar"]')]-->

</body></html>